﻿
Ext.onReady(function () {

    var flowInstanceID = Ext.getDom("hidFlowInstanceID").value;
    var formPath = Ext.getDom("hidFormPath").value + "?FlowInstanceID=" + flowInstanceID;

    var tab1 = "<iframe scrolling=\"auto\" frameborder=\"0\" width=\"100%\" height=\"100%\" src=\"" + formPath + "\"> </iframe>";
    var tab2 = "<iframe scrolling=\"auto\" frameborder=\"0\" width=\"100%\" height=\"100%\" src=\"FlowStepInfo.aspx?FlowInstanceID=" + flowInstanceID + "\"></iframe>";
       

    var north = Ext.create("Ext.Panel", {
        region: "north",        
        title: '流程审批',        
        collapsible: true,
        margins: "5 5 0 5",
        height: 210,
        border: true,
        contentEl: 'divHeader'
    });

    

    center = Ext.create("Ext.TabPanel", {
        region: "center",
        margins: "5 5 5 5",        
        deferredRender: false,
        items: [{ title: "业务数据", html: tab1 }
            , { title: "流程步骤", html: tab2 }]            
    });

    Ext.create("Ext.Viewport", {
        layout: "border",
        items: [north, center]
    });
});